@charset "utf-8";
.header{height: 100px;}
.logo{height: 100px;padding-top: 8px;padding-left: 20px;float: left;width: 300px;}
.header-pos-check{height: 100px;width: 200px;background: url("../images/icon_top_pos.png") left 25px no-repeat;float: left;padding-left: 60px;padding-top: 22px;}
.header-pos-check .header-pos-current{font-size: 22px;}
.header-pos-check .btn-header-pos-select a{color:#416ea0;font-size: 16px; }
.header-pos-check select::-ms-expand { display: none; }
.select-top-shop-area-box{width: 80px;overflow:hidden;}
.select-top-shop-area{border: 0;background-color: #fff;font-size: 16px;margin-left: -1px;color:#416ea0;
    width: 110px;position: relative;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;  }
.select-top-shop-area>option:hover{background-color: #ccc}
.header-search{height: 100px;padding-top: 26px;float: right}
.header-search-group{height: 50px;width: 450px;border: 1px solid #cbc9c9; position: relative;padding-right: 58px;}
.header-search-group *,.header-search-group *:focus{border: 0px;outline: none;}
.header-search-select{background:#e55c25 url("../images/icon_arrow_down_blue.png") 105px center no-repeat;width: 124px;overflow:hidden;
    font-size: 24px;line-height: 48px;padding-right: 26px;display: inline-block;height: 48px;color:#fff;
    cursor: pointer;padding-left: 12px;
}
.header-search-type-list{position: absolute;top:48px; left:0px; display: none;
    background-color: #e55c25;z-index: 1000;width: 124px;padding:10px;}
.header-search-type-list li{float: none}
.header-search-type-list li a{display: block;height: 40px;line-height: 40px;font-size: 20px;color:#fff}
.header-search-input{width: 250px;font-size: 24px;margin-left: 12px;position: absolute;top: 0px;height: 48px; line-height: 48px;}
.header-search-btn{width: 58px;height: 48px;background: url("../images/icon_search_orange.png") center no-repeat;
 position: absolute;right: 1px;top:1px;}

.top-nav{height: 50px;background-color: #faf9f9;}
.top-nav-list > li{float: left;height: 50px;background: url("../images/nav_edge_vertical_line.png") right center no-repeat;position: relative}
.top-nav-list > li > a{display: block;height: 50px;line-height: 50px;text-align: center;font-size: 20px;padding: 0px 30px;}
.top-nav-list > li > a:hover{color: #fd3838;}
.top-nav-drop-list{display:none;width: 108px;background-color: #e55c25;position: absolute;left: 20px;top:50px;z-index: 1000;height: auto;padding: 15px 0px 8px}
.top-nav-drop-list li a{color:#fff;height: 36px;line-height: 36px;font-size: 18px !important;display: block;padding:0px;margin: 0px 16px;}
.top-nav.nav-orange{background-color: #e65d27;}
.nav-orange .top-nav-list > li{background: url("../images/nav_edge_vertical_line_white.png") left center no-repeat;}
.top-nav-list li:first-child{background: none;}
.nav-orange .top-nav-list > li a{color: #fff}
.nav-orange .top-nav-list > li> a:hover{color: #000000}
.top-nav-drop-list li a:hover{border-bottom: 1px solid #d61717;color:#fff}
.top-nav-list > li.nav-about-us:hover .top-nav-drop-list{display: block}

/*banner*/
.home-banner{}
.home-banner-pagination{position: absolute;bottom: 30px; text-align: center;width: 100%;z-index: 1000}
.home-banner-pagination .swiper-pagination-switch{height: 6px; background: #aaa;width: 126px;border-radius:2px;display: inline-block;margin: 0px 10px;}
.home-banner-pagination .swiper-active-switch{ background: #fff;}
.home-ule-intro{height: 220px;background-color: #f7f7f7;margin-top: 10px;}
.home-ule-intro-item{width: 20%;float: left;padding-left: 60px;padding-top:75px;background-repeat: no-repeat;background-position: left 75px;}
.home-ule-intro-item.item1{background-image: url("../images/home_ule_intro_1.png");}
.home-ule-intro-item.item2{background-image: url("../images/home_ule_intro_2.png");}
.home-ule-intro-item.item3{background-image: url("../images/home_ule_intro_3.png");}
.home-ule-intro-item.item4{background-image: url("../images/home_ule_intro_4.png");}
.home-ule-intro-item.item5{background-image: url("../images/home_ule_intro_5.png");}
.home-ule-intro-item h3.intro-title{font-size: 18px;margin-bottom: 12px;}
.home-ule-intro-item p{margin-bottom: 8px;}
/*budget*/
.home-budget-panel{background: url("../images/home-budget-bg.png") center no-repeat;height: 500px;position: relative;margin-top: 40px;}
.btn-home-budget{width: 400px;height: 60px;background: url("../images/btn_home_budget.png") center no-repeat;color:#fff;position: absolute;bottom: 91px;left: 50%;margin-left: -200px;font-size: 30px;border: 0}
.home-ded{margin-top: 75px;}
.home-block-title{font-size: 18px;font-weight:normal;position: relative}
.home-block-title.no-img{font-size: 24px;}
.home-block-title.bb{border-bottom: 1px solid #adadad;padding-bottom: 10px;}
.home-block-title img{}
.home-block-title span{margin-left: 10px;}
.home-block-title-more{display: inline-block;width: 58px;height: 14px;background: url("../images/more.png") center no-repeat;position: absolute;right: 0px;bottom: 8px;}
.home-block-title.bb .home-block-title-more{bottom:18px;}
.home-ded-panel{height: 610px;margin-top: 20px;}
.home-ded-left{height: 610px;background-color: #e55c25;width: 270px;float: left}
.home-ded-left .left-main{width: 192px;height: 516px;border: 1px solid #fff;margin: 47px auto;color:#fff;text-align: center;
    position: relative;}
.home-ded-left .left-main h2{font-size: 30px;font-weight:bold;margin-top: 96px;}
.home-ded-left .left-main p.plus{font-size: 24px;margin: 24px 0px 18px;}
.home-ded-left .left-main h3{margin-bottom: 8px;}
.home-ded-left .left-main .btn-more{height: 40px;border: 1px solid #fff;margin-top: 160px;
    background-color: transparent;font-size: 24px;padding: 3px 17px;display: inline-block;color: #fff;}
.home-ded-right{width: 930px;float: right;height: 610px;overflow: hidden}
.home-ded-right ul li{float: left;width: 300px;height: 300px;background: red;margin-left: 10px;margin-bottom: 10px;position: relative}
.home-ded-right ul li img{width: 300px;height: 300px;}
.home-ded-right ul li .ded-hover-con{width: 300px;height: 300px;background-color: rgba(229,92,37,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fe55c25,endColorstr=#7fe55c25);
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    position: absolute;left: 0px;top: 0px;z-index: 2;color: #fff;text-align: center;padding-top: 72px;display: none;}
.home-ded-right ul li .ded-hover-con h2{font-size: 30px;margin-bottom: 15px;}
.home-ded-right ul li .ded-hover-con p{margin-bottom: 8px;font-size: 24px;}
.home-ded-right ul li:hover .ded-hover-con{display: block}
/*多季视频精彩回顾*/
.home-demo-video{margin-top: 50px;}
.home-demo-videos{margin: 18px -10px 0px}
.home-demo-video-item{width: 386px;height:270px;border: 5px solid #687170;float: left;margin:0px 10px;}

.home-demo-video-item:last-child{margin-right: 0px;}
/*首页设计师团队*/
.home-designers{margin: 0px -3px;margin-top: 66px;}
.home-designer-item{width: 394px;float: left;margin:0px 3px;}

.designer-img-lg{width: 394px;height: 394px;position: relative;overflow: hidden}
.designer-hover-con{width: 394px;height: 394px;background-color: rgba(229,92,37,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fe55c25,endColorstr=#7fe55c25);
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    position: absolute;left: 0px;top: 0px;z-index: 2;color: #fff;text-align: center;padding-top: 140px;display: none;}
.designer-hover-con h2{font-size: 36px;font-weight:bold;margin-bottom: 8px;}
.designer-hover-con p{margin-bottom: 8px;font-size:30px;}
.designer-hover-con a.link-designer-detail{display: inline-block;height: 30px;border: 1px solid #fff;font-size: 20px;border-radius:15px;color:#fff;padding: 1px 25px;line-height: 1.2}
.designer-img-lg:hover .designer-hover-con{display: block}
.designer-img-sms{margin-top: 20px;}
.designer-img-sms ul li{width: 33.33333333333333333%;float: left;text-align: center}
.designer-img-sms ul li:last-child{text-align: right}
.designer-img-sms ul li:first-child{text-align: left}
.designer-img-sms ul li img{width: 120px;height: 82px;}
/*最新活动，资讯和装修知识*/
.home-latest-3-rows{margin-top: 105px;}
.home-latest-row{height: 297px;margin-bottom: 33px;}
.home-latest-row .row-left{width:240px;height: 297px;background: #e55c25 url("../images/home_arrow_left.png") right center no-repeat;color: #fff;font-size: 36px;text-align: center;line-height: 297px;float: left;}
.home-latest-row .row-right{width: 940px;float: right;height: 297px;}
.home-latest-row .row-right .latest-main-banner{width: 470px;height: 297px; float: left}
.home-latest-row .row-right .latest-main-banner img{width: 470px;height: 297px;}
.home-latest-row .row-right .latest-content-list{padding-left: 515px;padding-top: 45px;background-color: #f7f7f7;height: 297px;}
.home-latest-row .row-right .latest-content-list ul li a{display: block;height: 44px;line-height: 44px;font-size: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.home-latest-row .row-right .latest-content-list ul li a:hover{text-decoration: underline;color:#416ea0}

/*最新专题*/
.home-latest-theme{margin-top: 50px;}
.home-latest-theme .home-block-title{font-size: 30px;}
.latest-theme-list{height: 190px;margin: 0px -5px;margin-top: 25px;}
.latest-theme-list ul li{width: 292px;height: 190px;float: left;margin:0px 5px;}
.latest-theme-list ul li a img{width: 292px;height: 190px;}

/*footer*/
.footer{background-color: #e7e7e7;min-height: 300px;margin-top: 64px;padding-bottom: 80px;}
.footer-ule-intro{padding-top: 42px;padding-left: 50px;}
.footer-ule-intro .intro-item{width: 20%;float: left;background-repeat: no-repeat;background-position: 24px top;padding-top: 66px;}
.footer-ule-intro .intro-item.item1{background-image: url("../images/icon_footer_1.png");background-position: 0px top;}
.footer-ule-intro .intro-item.item2{background-image: url("../images/icon_footer_2.png")}
.footer-ule-intro .intro-item.item3{background-image: url("../images/icon_footer_3.png")}
.footer-ule-intro .intro-item.item4{background-image: url("../images/icon_footer_4.png")}
.footer-ule-intro .intro-item.item5{background-image: url("../images/icon_footer_5.png")}
.footer-ule-intro .intro-item h3{font-size: 18px;margin-bottom: 20px;}
.footer-ule-intro .intro-item p{font-size: 14px;margin-bottom: 10px;}
.footer-contact-info{padding-top: 70px;padding-left: 30px;}
.contact-address{width: 456px;float: left;}
.footer-contact-info h2{font-size: 18px;margin-bottom: 24px; font-weight:normal}
.contact-address p{margin-bottom: 20px;font-size: 14px;}

.footer-contact-info .yuyue-phone{width: 317px;float: left;}
.footer-contact-info .yuyue-phone .phone-number{height: 35px;padding-left: 43px;font-size: 30px;background: url("../images/icon_footer_alarm.png") left center no-repeat}
.footer-phone-action{margin-top: 57px;}
.footer-phone-action .btn-footer-ask{background-color: #e55c25;border: 0;width: 230px;height: 37px;font-size: 18px;color: #fff}
.footer-qrcode{float: left;margin-right: 60px;}
/*右下方的悬浮窗*/
.attach_bar{width: 100px;background: url("../images/attach_bar_bg.png") center top no-repeat;position: fixed;bottom: 30px;right: 30px;padding-top: 106px; z-index: 1000}
.attach_bar .btn-attach_bar{width: 100px;height: 100px;border: 0;padding-top: 60px;font-size: 18px;display: inline-block;text-align: center}
.attach_bar .btn-attach_bar.online-ask{background: url("../images/attach_bar_1.png") center no-repeat;}
.attach_bar .btn-attach_bar.phone-ask{background: url("../images/attach_bar_2.png") center no-repeat;}
.attach_bar .btn-attach_bar.pop-act{background: url("../images/attach_bar_3.png") center no-repeat;}
.attach_bar .btn-attach_bar.order-house{background: url("../images/attach_bar_4.png") center no-repeat;}
.attach_bar .btn-attach_bar.back-top{background: url("../images/attatch_bar_backup.png") center no-repeat;}
/*关于优乐*/
.about-us-banner img{width: 100%;height: auto}
.about-us-content{margin-top: 90px; line-height: 30px;}
.about-us-spc{margin-top: 90px;height: 460px;}
.about-us-spc .spc-left{width: 360px;height: 460px;background-color: #e65d27;color: #fff;padding-left: 26px;padding-top: 28px;float: left}
.about-us-spc .spc-left .spc-row{background-position: left center;background-repeat: no-repeat;min-height: 40px;padding-left: 50px;margin-bottom: 45px;}
.about-us-spc .spc-left .spc-row.row1{background-image: url("../images/icon_about_us_eye.png")}
.about-us-spc .spc-left .spc-row.row2{background-image: url("../images/icon_about_us_plus.png")}
.about-us-spc .spc-left .spc-row.row3{background-image: url("../images/icon_about_us_alarm.png")}
.about-us-spc .spc-left .spc-row.row4{background-image: url("../images/icon_about_us_thumb.png")}
.about-us-spc .spc-left .spc-row.row5{background-image: url("../images/icon_about_us_citiepng.png")}
.about-us-spc .spc-left .spc-row h3{height: 40px;line-height: 40px;font-size: 24px;font-weight: normal;float: left}
.about-us-spc .spc-left .spc-row .desc{height: 40px;line-height: 20px; float: left;margin-left: 25px;}
.about-us-spc .spc-right{float: right;width: 830px;height: 460px;overflow: hidden}
.spc-right-box{width: 410px;float: left;border: 1px solid #e8e8e8}
.spc-right-box:first-child{margin-right: 10px;}
.spc-right-banner{height: 320px;}
.spc-right-box .swiper-slide a img{height: 320px;width: 406px;}
.about-us-spc .spc-right .spc-right-description{background-color: #f7f7f7;height: 136px;padding: 20px 15px;}
.about-us-spc .spc-right .spc-right-description h3{font-size: 24px;margin-bottom: 10px;}
.about-us-spc .spc-right .spc-right-description p{font-size: 18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.about-us-spc .spc-right .spc-right-description p.action{margin-top: 15px;}
.about-us-spc .spc-right .spc-right-description p.action a{font-size: 14px;color: #848484}
.about-us-bottom-ad{margin-top: 150px;height: 200px;}.about-us-bottom-ad img{width: 390px;height: 200px;}
.about-us-bottom-ad .ad-item{text-align: center;width: 390px;height: 200px;overflow: hidden;float: left;margin-left: 15px;}
.about-us-bottom-ad .ad-item:first-child{margin-left: 0px;}
/*在建工地*/
.area-select{background-color: #f8f8f8;padding-top: 72px;padding-bottom: 50px;}
.village-area-select{min-height: 100px;padding:15px;font-size: 22px;}
.village-select-option-group{margin-bottom: 20px;}
.village-select-option-group:last-child{margin-bottom: 0px;}
.village-select-option-name{width: 76px;text-align: right;display: inline-block; float: left}
.village-select-option-list{padding-left: 106px;}
.village-select-option-list ul li{float: left;margin-right: 30px;margin-bottom: 15px;}
.village-select-option-list a{font-size: 20px;}.village-select-option-list ul li.active a{color:#b7cd1f}
.construction-sites{margin-top: 35px;}
.construction-site-list{margin-top: 35px;}
.construction-site-list ul li{width: 290px;float: left;height: 400px;overflow: hidden;margin: 0px 5px;
    box-shadow: 0 0 24px #ccc;-webkit-box-shadow: 0 0 24px #ccc;
    margin-bottom: 27px;}
.construction-site-list ul li .site-info{height: 110px;background-color: #f9f9f9;text-align: center;padding-top: 25px;}
.construction-site-list ul li .site-info h3{color: #605f5f;font-size: 24px;font-weight: normal;margin-bottom: 10px;}
.construction-site-list ul li .site-info p{font-size: 18px;color: #605f5f}
.site-img,.site-img img{width: 290px;height: 290px;}

/*在建工地详情*/
.csd-mark-nav{margin-top: 40px;}
.construction-site-detail{height: 380px;background: #f8f8f8 url("../images/construction_site_detail_bg.png") right bottom no-repeat;
    margin-top: 40px;box-shadow: 0 0 24px #ccc;-webkit-box-shadow: 0 0 24px #ccc;padding: 15px;}
.construction-site-detail .csd-image{height: 350px;width: 650px;border: 1px solid #adadad;float: left;}
.construction-site-detail .csd-image img{width: 648px;height: 348px;}
.construction-site-detail .csd-infos{padding-left: 678px;padding-top: 20px;}
.construction-site-detail .csd-infos h3{margin-bottom: 25px;font-size: 24px;}
.construction-site-detail .csd-infos p{font-size: 18px;margin-bottom: 15px;}
.construction-site-cases{margin-top: 55px;}
.csd-house-type-images{margin:0px -12px;margin-top: 40px;}
.csd-house-type-images:before,.csd-house-type-images:after{content: " ";display: table}
.csd-house-type-images:after{clear: both}
.csd-house-type-images ul li{margin:0px 12px;float: left}

.csc-list{margin-top: 40px;height: 380px;}
.csc-item{width: 450px;height: 380px; float: left;padding: 10px;margin-left: 10px;}
.csc-item .csc-item-images{height: 280px;}
.csc-item-images .image-lg{width: 290px;height: 280px;float: left;}
.csc-item-images .image-lg img{width: 290px;height: 280px;}
.csc-item-images .images-sm{width: 130px;float: right}
.csc-item-images .images-sm ul li{margin-bottom:5px ;width: 130px;height: 90px;cursor: pointer;}
.csc-item-images .images-sm ul li img{width: 130px;height: 90px;}
.csc-item .csc-item-content{text-align: center;font-size: 18px;padding-top: 15px;}
.csc-item .csc-item-content p{margin-bottom: 10px;}
/*在建工地房屋详情*/
.house-base-info{border: 1px solid #e9e9e9;height: 200px; text-align: center;padding-top: 35px;margin-top: 40px;}
.house-base-info h3{font-size: 24px;margin-bottom: 40px;}
.house-base-info p{font-size: 18px;margin-bottom: 10px;}
.house-base-info p label{margin-right: 20px;}.house-base-info p span{margin-right: 15px;}
.csd-house-color{display: inline-block;width: 70px;height: 23px;}
.house-images{border: 1px solid #e9e9e9;padding: 15px;text-align: center;margin-top: 40px;}
.house-skills{border: 1px solid #e9e9e9;margin-top: 20px;}
.house-skills ul li{border-bottom: 1px solid #e9e9e9;padding: 10px 20px;}
.house-skills ul li h3{font-size: 24px;color: #e65d27;margin-bottom: 8px;}
.house-skills ul li p{font-size: 18px;line-height: 30px;}
/*预算弹窗*/
.budget-attach-open{width: 315px;height: 380px;background: url("../images/budget_attach.png") center no-repeat;
    position: fixed;left: 0px;top: 50%;margin-top: -190px;z-index: 999;cursor: pointer}
.modal{position: fixed;background-color: rgba(0,0,0,0.5);width: 100%;height: 100%;left: 0;top: 0;z-index: 1000;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7000000);display: none}
.alert-budget{width: 861px;height: 804px;background: url("../images/budget_alert_bg.png") center no-repeat;
    position: absolute;left: 50%;top: 50%;margin-left: -430px;margin-top: -402px;}
.btn-close-budget-modal{width: 59px;height:59px;background: url("../images/close_circle.png") center no-repeat;
    position: absolute;right:88px;top: 96px;border: 0px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.btn-close-budget-modal:hover{transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.alert-budget-body{width: 578px;height: 316px; position: absolute;left: 143px;top: 375px;padding: 20px 24px;}
.alert-budget-body table td,table.alert-form td{padding-top: 0px;padding-bottom: 10px;}
.alert-appointment{width: 578px;height: 316px; position: absolute;left: 50%;top: 50%;padding: 20px 24px;background-color: #fff;
margin-left: -290px;margin-top: -158px;}